<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">        
        <meta name="keywords" content="">  
        <meta name="description" content="">  
        <title>Danh sách phòng ban</title>
        <link rel="stylesheet" type="text/css" href="../css/easyui/themes/default/easyui.css">  
        <link rel="stylesheet" type="text/css" href="../css/easyui/themes/icon.css">  
        <script type="text/javascript" src="../js/jquery.min.js"></script>  
        <script type="text/javascript" src="../js/jquery.easyui.min.js"></script>
        <style type="text/css">
            div.panel-title {
                font-family: Tahoma;
                font-weight: bold;
                font-size: 12px;
            }
            table.datagrid-htable tbody tr.datagrid-header-row td div.datagrid-cell {
                font-family: Tahoma;
                font-weight: bold;
                font-size: 12px;
            }
            div.datagrid-view {
                font-family: Arial;
                font-size: 10px;
            }
            a span.l-btn-text {
                font-family: Arial;
                font-weight: bold;                
            }
        </style>
    </head>
    <body>
        <table id="tt" class="easyui-datagrid" style="width:700px;height:250px"  
                url="GetDepartmentData"  
                title="Danh sách phòng ban" iconCls="icon-save"  
                rownumbers="true" pagination="true" singleSelect="true">  
            <thead>  
                <tr>  
                    <th field="departmentId" width="80">ID</th>  
                    <th field="name" width="573">Department Name</th>
                </tr>  
            </thead>  
        </table> 
        <div style="margin-top: 10px">
            <a href="add.jsp" class="easyui-linkbutton">Thêm mới</a>
            <a href="#" class="easyui-linkbutton" onclick="editSelected()">Chỉnh sửa</a>
            <a href="#" id="linkDeleteDepartmentId" class="easyui-linkbutton">Xóa bỏ</a>
        </div>
        <script type="text/javascript">  
            function editSelected(){  
                var row = $('table#tt').datagrid('getSelected');  
                if (row){  
                    window.location.href='edit.jsp?id='+row.departmentId;  
                }  else {
                    $.messager.alert("Lỗi","Hãy chọn một phòng ban để thực hiện chỉnh sửa");  
                }
                
            }
            
            function deleteSelected(){  
                var row = $('table#tt').datagrid('getSelected');  
                if (row){  
                    
                }  else {
                    $.messager.alert("Lỗi","Hãy chọn một phòng ban để thực hiện xóa");  
                }
                
            }
            jQuery(document).ready(function(){
                $("a#linkDeleteDepartmentId").click(function() {
                    var row = $('table#tt').datagrid('getSelected');  
                    if (row){  
                        var ok = confirm('Bạn chắc chắn muốn xóa?');
                        if (ok) {
                            $.ajax({
                                cache: false,
                                type: 'POST',
                                url:   'DeleteDepartmentServlet',
                                data:  'id='+row.departmentId,
                                dataType: "html",
                                success: function(data) {
                                    var getData = $.parseJSON(data);
                                    if ((getData.message != null) && (getData.message != '')) {
                                        alert(getData.message);
                                    } else {
                                        var index = $('table#tt').datagrid('getRowIndex',row.id);  // get the row index
                                        $('table#tt').datagrid('reload');
                                        alert('Xóa hồ sơ đính kèm thành công');
                                    }
                                },
                                error: function(e, xhr) {
                                    alert(e);
                                }
                            });
                        }
                    }  else {
                        $.messager.alert("Lỗi","Hãy chọn một phòng ban để thực hiện xóa");  
                    }
                });
            });
        </script>  
    </body>
</html>
